.header_user_info {
  list-style-type: none;
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 10px;
  float: left;
  overflow: hidden; }
  @media (max-width: 767px) {
    .header_user_info {
      float: right; } }
  .header_user_info > div {
    text-transform: capitalize;
    padding: 0 36px 5px 0; }
    .header_user_info > div a {
      font-size: 14px;
      line-height: 20px;
      font-weight: 300;
      color: #fff;
      text-decoration: none; }
      .header_user_info > div a:hover, .header_user_info > div a.active {
        color: #1a1a1a; }
    @media (max-width: 767px) {
      .header_user_info > div {
        padding: 0 0 5px 15px; }
        .header_user_info > div a {
          font-size: 12px; } }

.user_info {
  text-align: right;
  margin: 20px 0 0 0; }
  .user_info li {
    display: inline-block;
    padding-right: 15px; }
    .user_info li a {
      text-decoration: none; }
      .user_info li a:hover {
        text-decoration: underline; }
